/* pages/search/index.wxss */
page{
  background-color: var(--defaultBgc);
}

.history {
  padding: 20rpx;
  display: flex;
  flex-direction: column;

  .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--littleSize);
    color: var(--greyColor);

    .remove {
      color: var(--greyColor);
      display: flex;
      align-items: center;
    }
  }

  .content {
    padding: 20rpx 0;
    display: flex;
    flex-wrap: wrap;

    .item {
      color: black;
      font-size: var(--minSize);
      padding: 10rpx 15rpx;
      margin-right: 10rpx;
      margin-bottom: 10rpx;
      border-radius: 25rpx;
      border: 1rpx solid var(--greyColor);
    }
  }
}

.order {
  padding: 20rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: white;
  margin-top: 15rpx;

  .active {
    color: var(--themeColor);
  }
}

.goods {
  display: flex;
  flex-direction: column;

  .goods-item {
    padding: 0rpx 20rpx;
    height: 280rpx;
    margin-top: 15rpx;
    background-color: white;
    display: flex;
    flex-direction: row;

    .img {
      height: 100%;
      width: 280rpx;
      display: flex;

      image {
        height: 280rpx;
        width: 280rpx;
      }
    }

    .txt {
      height: 100%;
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: space-between;
      padding: 10rpx 20rpx;

      .title {
        width: 100%;
        display: flex;
        flex-direction: column;

        .name {
          font-size: var(--bigSize);
        }

        .intro {
          padding: 10rpx 0;
          color: var(--greyColor);
          font-size: var(--minSize);
          height: auto;
          overflow: hidden;
        }
      }

      .infor {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;

        .price {
          font-size: var(--minSize);
        }

        .sales {
          font-size: var(--minSize);
        }
      }
    }
  }
}
